/*
 *
 * (c) Copyright Ascensio System Limited 2010-2023
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
*/


@import "../../../../skins/default/params.less";

.limitedSingleText(@maxWidth) {
    display: inline-block;
    max-width: @maxWidth;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

#events-list {
    margin: 0;
    
    thead {
        .user, .date, .action {
            text-align: left;
        }
    }
    
    .user {
        width: 200px;
        span {
            .limitedSingleText(200px);
            margin-left: 10px;
        }
    }
    .date {
        width: 200px;
        span {
            .limitedSingleText(200px);
        }
    }
}

#events-list-dscr {
    margin: 8px 0;
    padding-right: 10px;
    text-align: right;
}

#online-users-box {
    margin-top: 45px;

    #online-users-list {
        margin-top: 12px;

        .online-user {
            display: inline-block;
            width: 30%;
            margin-right: 10px;
            padding: 7px;
            border-top: 1px solid @borderColor;

            .online-user-name {
                float: left;
                max-width: 80%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .online-user-duration {
                float: right;
            }
        }
    }
}

#events-box {
    .header-base-small {
        margin-bottom: 3px;
    }

    .audit-settings-block {
        margin-bottom: 45px;
    }

    #lifetime-input {
        float: left;
        margin-right: 12px;
    }

    #generate-text {
        margin-left: 12px;
    }
}


.disable {
    color: #9e9e9e;

    p, div {
        color: #9e9e9e;
    }
}

.settings-help-block {
    float: none;
}